 <?php
 /**
  * @abstract: Commom header
  * @author: HoanVX
  * @version: $Id$
  */
 /*
 * Template Name: Wellcome page
 */

add_style("css/page/wellcome.css");
get_header("common");
 ?>

<body>
    <!-- header-section-starts -->
	<div class="header">
		<div class="container">
			<div class="top-header">
				<div class="logo">
					<a href="index.html"><img src="<?php bloginfo("stylesheet_directory");?>/images/logo.png" class="img-responsive" alt="" /></a>
				</div>
				<div class="queries">
					<p>Số điện thoại hỗ trợ<span>1800-0000-7777 </span><label>(8AM to 10PM)</label></p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>

	</div>
	<!-- header-section-ends -->
	<!-- content-section-starts -->
	<div class="content">
		<div class="ordering-section" id="Order">
			<div class="container">
				<div class="ordering-section-head text-center wow bounceInRight" data-wow-delay="0.4s">
					<h3>MUA - BÁN CHƯA BAO GIỜ DỄ DÀNG ĐẾN THẾ</h3>
					<div class="dotted-line">
						<h4>Giá cả hợp lý - Nhiều sản phẩm được đăng bán mỗi ngày</h4>
					</div>
				</div>
				<div class="section-grids">
					<div class="col-md-3 section-grid">
						<a href="<?php echo get_the_permalink("2");?>">
							<div class="section-grid-process wow fadeInRight" data-wow-delay="0.4s">
								<i class="one"></i><br>
								<i class="two-icon"></i>
								<p>Tìm  <span>Tin rao vặt</span></p>
								<label></label>
							</div>
						</a>
					</div>
					<div class="col-md-3 section-grid">
						<a href="<?php echo get_the_permalink("17");?>">
						<div class="section-grid-process wow fadeInRight" data-wow-delay="0.4s"">
							<i class="two"></i><br>
							<i class="two-icon"></i>
							<p>Đăng ký   <span> Tài khoản</span></p>
							<label></label>
						</div>
						</a>
					</div>

					<div class="col-md-3 section-grid">
						<a href="<?php echo get_the_permalink("33")?>">
							<div class="section-grid-process wow fadeInRight" data-wow-delay="0.4s"">
								<i class="three"></i><br>
								<i class="three-icon"></i>
								<p>Đăng nhập <span></span></p>
								<label></label>
							</div>
						</a>
					</div>
					<div class="col-md-3 section-grid">
						<a href="<?php echo get_the_permalink("30");?>">
							<div class="section-grid-process wow fadeInRight" data-wow-delay="0.4s"">
								<i class="four"></i><br>
								<i class="four-icon"></i>
								<p>Đăng <span>Tin rao vặt</span></p>
							</div>
						</a>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>

	</div>

	<div class="clearfix"></div>

	<!-- Contact's information -->
	<?php get_footer("contact");?>
	<!-- END Contact's information -->
	<!-- content-section-ends -->

	<!-- footer-section-starts -->
	<?php get_footer();?>